<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,user-scalable=0, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="icon" type="image/x-icon" href="./image/favicon.ico" />
  <title>维爱吉</title>
</head>
<link rel="stylesheet" href="./css/style.scss" />
<body id="app" class="afterInner news" style='----bgColor:rgba(255,255,255,1)'>
<!--nav-->
<main>
  <section class='row bannerRow alanGo' data-vh='1'>
    <div class='bg'>
      <div class='pic full' style='background-image: url(./image/news/a1.jpg)'></div>
      <div class='mask'>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
    <div class='inner maxSize'>
      <div class='topic layer-topic alanGo'>
        <h1 class='wc f-54' data-text='视频中心'>视频中心</h1>
        <p class='wc lh-12 f-90 poBold' data-text='Video Center'>Video Center</p>
      </div>
      <div class='scr alanDownEl alanGo'>
        <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
          <rect class='rect after' y="26" width="13" height="13"/>
          <g>
            <rect class='rect' x="26.99" width="13" height="13" style="fill: #fff"/>
            <rect class='rect' x="26.99" y="26" width="13" height="13" style="fill: #fff"/>
            <rect class='rect' x="26.99" y="52" width="13" height="13" style="fill: #fff"/>
            <rect class='rect' x="39.99" y="39" width="13" height="13" style="fill: #fff"/>
            <rect class='rect' x="39.99" y="13" width="13" height="13" style="fill: #fff"/>
          </g>
          <rect class='rect before' x="52.99" y="26" width="13" height="13" style="fill: #fff"/>
        </svg>
        <span class='f-12 poMid wc'>Scroll More</span>
      </div>
    </div>
  </section>
  <section class='row r1'>
    <div class='inner maxSize'>
      <div class='top flex-row-cb'>
        <div class='tabBox fxs'>
          <a class='tab fw-600 bc f-40'>视频列表</a>
        </div>
        <div class='col right'>
          <div class='layer-search wid-100'>
            <input class='inTxt f-18 poMid' type='text' placeholder='Search'>
            <a class='iconfont f-18 mc'>&#xe699;</a>
          </div>
        </div>
      </div>
      <div class='mid'>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e1.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-300 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e2.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-400 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e3.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-400 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e4.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-400 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e2.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-400 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e3.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-400 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e4.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-400 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e1.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-300 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
        <a data-player='./image/media/loading.webm' class='box alanUpEl alanGo'>
          <div class='layer-above' style='--size:0.6542;mask-image: url(./image/base/rect.svg)'>
            <div class='layer-photo alanGo'>
              <div class='pic lazy' data-src='./image/home/e2.jpg'></div>
            </div>
            <div class='msg layer-btmMask'>
              <div class='flex-row-cb wid-100'>
                <span class='f-16 poMid wc'>Date:</span><span class='f-16 poThin wc'>04 / 25 / 2025</span>
              </div>
              <div class='note wid-100'>
                <h3 class='f-18 fw-600 wc'>
                  <small class='f-18 fw-400 wc'>人气火爆！</small>
                  维爱吉全钢化真空玻璃首次亮相中国玻璃展
                </h3>
              </div>
            </div>
            <img data-src='./image/home/e0.png' alt='' class='lazy mk'>
          </div>
          <div class='layer-btn fxc arrow'>
            <span class='blueMask'></span>
            <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
              <rect class='rect after' y="26" width="13" height="13"/>
              <g>
                <rect class='rect' x="26.99" width="13" height="13"/>
                <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                <rect class='rect' x="39.99" y="13" width="13" height="13"/>
              </g>
              <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
            </svg>
          </div>
        </a>
      </div>
      <div class='btm fxb'>
        <div class='pager fxs'>
          <a class='poMid d-gc f-16'>1</a>
          <a class='poMid d-gc f-16'>2</a>
          <a class='poMid d-gc f-16'>3</a>
          <a class='poMid d-gc f-16'>...</a>
          <a class='poMid d-gc f-16'>10</a>
        </div>
        <span class='line'></span>
        <div class='col'>
          <div class='layer-set alanParent alanGo'>
            <a class='layer-btn setFn alanLeft sliderPrev prevIcon'>
              <span class='blueMask'></span>
              <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
                <rect class='rect after' y="26" width="13" height="13"/>
                <g>
                  <rect class='rect' x="26.99" width="13" height="13"/>
                  <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                  <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                  <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                  <rect class='rect' x="39.99" y="13" width="13" height="13"/>
                </g>
                <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
              </svg>
            </a>
            <a class='layer-btn setFn alanRight sliderNext nextIcon on'>
              <span class='blueMask'></span>
              <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
                <rect class='rect after' y="26" width="13" height="13"/>
                <g>
                  <rect class='rect' x="26.99" width="13" height="13"/>
                  <rect class='rect' x="26.99" y="26" width="13" height="13"/>
                  <rect class='rect' x="26.99" y="52" width="13" height="13"/>
                  <rect class='rect' x="39.99" y="39" width="13" height="13"/>
                  <rect class='rect' x="39.99" y="13" width="13" height="13"/>
                </g>
                <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>
<!--footer-->
<div id='fixBox'>
  <div class='flex-col-cc col'>
    <div class='layer-share'>
      <a class='layer-icon'><i class='iconfont f-18 d-gc'>&#xe8d1;</i></a>
      <div class='maBox_left'>
        <img src='./image/base/ma.png.webp' alt=''>
        <span class='arrow'></span>
      </div>
    </div>
    <div class='layer-share'>
      <a class='layer-icon'><i class='iconfont f-18 d-gc'>&#xe8d5;</i></a>
      <div class='msgBox_left'>
        <span class='txt poMid f-18'>0592-7765666</span>
        <span class='arrow'></span>
      </div>
    </div>
    <div class='layer-share'>
      <a class='layer-icon'><i class='iconfont f-18 d-gc'>&#xe68c;</i></a>
      <div class='msgBox_left'>
        <span class='txt poMid f-18'>market@vigtechn.com</span>
        <span class='arrow'></span>
      </div>
    </div>
  </div>
  <a class='layer-btn flex-col-cc toTop'>
    <span class='blueMask'></span>
    <svg class='icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.99 65">
      <rect class='rect after' y="26" width="13" height="13"/>
      <g>
        <rect class='rect' x="26.99" width="13" height="13"/>
        <rect class='rect' x="26.99" y="26" width="13" height="13"/>
        <rect class='rect' x="26.99" y="52" width="13" height="13"/>
        <rect class='rect' x="39.99" y="39" width="13" height="13"/>
        <rect class='rect' x="39.99" y="13" width="13" height="13"/>
      </g>
      <rect class='rect before' x="52.99" y="26" width="13" height="13"/>
    </svg>
  </a>
</div>
<div class='layer-pop'>
  <div class='mask'></div>
  <div class='popCon'>
    <video class='media popMedia' controls loop src=''></video>
    <a class='closePop f-24 iconfont wc'>&#xe654;</a>
  </div>
</div>
</body>
<script type="module" defer src="./js/index.js"></script>
</html>